@avatar-size: 30px;
.avatar-component {
  display: flex;
  align-items: center;
  &:hover {
    cursor: pointer;
  }
  .avatar {
    .bgc(#ccc);
    display: inline-block;
    width: @avatar-size;
    height: @avatar-size;
    border-radius: 50%;
  }
  .user-name {
    .ellipsis();
    max-width: 120px;
    margin: 0 10px;
  }
}


